<script setup lang="ts">
import { useCounterStore } from "@/store/counter";
import { ElConfigProvider } from "element-plus";
import { useAppStore } from '@/store/modules/app.ts';
const useCounter = useCounterStore();
const appStore = useAppStore();
console.log(import.meta.env.VITE_APP_TITLE)
</script>

<template>
	<el-config-provider :locale="appStore.locale">
		<router-view></router-view>
	</el-config-provider>
</template>

<style scoped>
.logo {
	height: 6em;
	padding: 1.5em;
	transition: filter 300ms;
	will-change: filter;
}

.logo:hover {
	filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
	filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
